<script>
    function CheckUsername() {
        var memb___id = $("#memb___id").val();
        $.post("?c=AccRegister/CheckUsername", {memb___id: memb___id}, function (data) {
            if (data.msg == 0)
                alert('Oops:\nEste nome de usuário já está em uso. : (');
            else if (data.msg == 1)
                alert('Oops:\nNome de usuário inválido.\nDigite entre 4 e 10 letras e/ou números, sem caracteres especiais.');
            else
                alert('OK!\nNome de usuário disponível! : )');
        }, "json");
    }

    $(function () {
        if ($("#feedback").html() != "") {
            $("#feedback").css({"padding": "5px", "border": "2px dashed #660000"});
        }
    });

</script>
            <div id="maincenterTop"></div>
          <div id="maincenter">     
       
        <div class="pagina_cadastro"></div>
        <div class="pagina_centro">
        <div class="register">
                <form action="?c=AccRegister/RegNewAccount" method="post" name="reg">
                <div class="legend">
                  <h3 class="legend-title"><span style="font-size: 13px;">Dados da Conta:</span></h3>
                  <br />
                                    <div>
                                <table width='100%' border='0'>
                 <tr>
                  <td width="23%"><strong>Login: </strong></td>
                  <td width="43%"><input name="memb___id" type="text" id="memb___id" size="10" maxlength="10" value="" onkeyup="this.value=this.value.toLowerCase()" maxlength='10' type='text' class='inputbox'/></td>
                  <td width="34%"><a href="javascript:;" onclick="CheckUsername()">verificar</a></td>
                 </tr>
                 <tr>
                  <td><strong>Senha: </strong></td>
                  <td><input name="memb__pwd" type="password" id="memb__pwd" size="10" maxlength="10" value="" class='inputbox'/></td>
                  <td><a style="cursor:pointer; color:#FF0;" onClick="alert('Senha para acessar o jogo e o site.')">(?)</a></td>
                 </tr>
                 <tr>
                  <td><strong>Repetir Senha: </strong></td>
                  <td><input name="memb__pwd2" type="password" id="memb__pwd2" size="10" maxlength="10" value="" class='inputbox'/></td>
                  <td><a style="cursor:pointer; color:#FF0;" onClick="alert('Repita a mesma senha digitada a cima.')">(?)</a></td>
                 </tr>
                 <tr>
                  <td ><strong>E-mail: </strong></td>
                  <td><input name="mail_addr" type="text" id="mail_addr" size="20" maxlength="30" value="" class='inputbox'/></td>
                  <td><a style="cursor:pointer; color:#FF0;" onClick="alert('Endereço de E-Mail para contato e recuperação dos dados.')">(?)</a></td>
                 </tr>
                 <tr>
                  <td ><strong>Repetir E-mail: </strong></td>
                  <td><input name="mail_addr2" type="text" id="mail_addr2" size="20" maxlength="30" value="" class='inputbox'/></td>
                  <td><a style="cursor:pointer; color:#FF0;" onClick="alert('Repita mesmo E-Mail digitado acima.')">(?)</a></td>
                 </tr>
                 <tr>
                  <td colspan='3'><br /><p style=" color:#444;    font-family: Arial, Sans-Serif; font-size:11px;"><strong>Obs.: Use de prefer&ecirc;ncia um e-mail cadastrado no Hotmail/Gmail v&aacute;lido, <br />
                        pois s&oacute; atrav&ecirc;s dele voc&ecirc; poder&aacute; alterar/recuperar os dados de sua conta.</strong></p></td>
                 </tr>
                             </table>
                             </div>
                           </div>
                            <br />
                  <div class="legend">
                    <h3 class="legend-title"><span style="font-size: 13px;">Sua Segurança::</span></h3>
                    <br />
                    <div>
                    <table width='100%' border='0'>
                      <tr>
                        <td width="23%"><strong>Chave Segurança: </strong></td>
                        <td width="43%"><input name="sno__numb" type="text" id="sno__numb" size="7" maxlength="7" value="" onkeyup="this.value=this.value.toLowerCase()" maxlength='10' type='text' class='inputbox'/></td>
                        <td width="34%"><a style="cursor:pointer; color:#FF0;" onClick="alert('Chave de segurança para acessar áreas importante do site e jogo.')">(?)</a></td>
                      </tr>
                    </table>
                    </div>
                  </div><br />
                          <div class="legend" style="margin-bottom: 25px;">
                  <h3 class="legend-title"><span style="font-size: 13px;">Dados Pessoais:</span></h3>
                                    <div style="margin-bottom: 8px; margin-top: 10px;">
                             
                             <table width='100%' border='0'>
                 <tr>
                  <td width="23%" ><strong>Nome: </strong></td>
                  <td width="43%"><input name="memb_name" type="text" id="memb_name" size="10" maxlength="10" value="" class='inputbox' /></td>
                  <td width="34%"><a style="cursor:pointer; color:#FF0;" onClick="alert('Nome ou apelido de 4 a 10 letras.')">(?)</a></td>
                 </tr>
                 <tr>
                  <td ><strong>Pergunta Secreta: </strong></td>
                  <td colspan='2'><input name="fpas_ques" type="text" id="fpas_ques" size="20" maxlength="230" value="" class="inputbox" /></td>
                 </tr>
                  <tr>
                  <td ><strong>Resposta Secreta: </strong></td>
                  <td colspan='2'><input name="fpas_answ" type="text" id="fpas_answ" size="20" maxlength="230" value="" class='inputbox' /></td>
                  </tr>
                  <tr>
                  <td ><strong>C&oacute;digo: </strong></td>
                  <td colspan='2'><span style="background-color:#FFFFFF; height:20px; vertical-align:middle">{code}</span></td>
                  </tr>
                  <tr>
                  <td ><strong>Repita o C&oacute;digo: </strong></td>
                  <td colspan='2'><input type="text" name="code2" id="code2" value="{code2}" maxlength="4"/></td>
                  </tr>
                </table>
                                </div>
                             </div><br>

                                                           <div class="legend" style="margin-bottom: 15px;">
                                    <div style="margin-bottom: 8px; margin-top: 10px;">
                             
                             <table width='100%' border='0'>
                 <tr>
<script type="text/javascript">
   function MostrarDiv() {
   document.getElementById('termosDiv').style.display = "block";
}
function EscondeDiv() {
   document.getElementById('termosDiv').style.display = "none";
}
</script>
<h3><span style="font-size: 13px;">Termos de Uso:</span></h3><br /><div class="text-title-register"><strong style="color: #CC9900; font-family: Arial;">Para se cadastrar voc&ecirc; precisa ler as regras: </strong></div><br /><br />
<input type="button" name="answer" value="Mostrar" style="cursor:pointer;" onclick="MostrarDiv()" /> &nbsp;
<input type="button" name="answer" value="Esconde" style="cursor:pointer;" onclick="EscondeDiv()" />
<div id="termosDiv"  style="display:none;" >
<br />
<iframe scrolling="no" style="border:none;" src='/{tpldir}termos.tpl.php' width='500' height='900'></iframe>
</div><br /><br />

                 </tr>
                                 </table>
                                </div>
                               </div>
                  <div align="center">
                    <input type="submit" name="Submit" id="button" value='Cadastrar (Declaro concordar com os termos)'>
                                 </div>
                </form>                </div></div>
        <div class="pagina_footer"></div>
      </div>